<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>小兔鲜儿 - 新鲜 惠民 快捷!</title>
    <!-- 引入favicon图标 -->
    <link rel="shortcut icon" href="./favicon.ico">
    <!-- 引入字体图标 -->
    <link rel="stylesheet" href="./fonts/font_k2ets6bvwt/iconfont.css">
    <!-- 引入初始化文件样式 -->
    <link rel="stylesheet" href="./css/base.css">
    <!-- 引入公共样式文件 -->
    <link rel="stylesheet" href="./css/homepage.css">
    <link rel="stylesheet" href="./css/demo.css">
</head>

<body>
    <!-- 顶部导航模块 -->
    <section class="xtx_topnav">
        <!-- 版心 -->
        <div class="w">
            <ul class="xtx_nav">
                <li>
                    <a href="#">
                        <i class="people iconfont icon-ren111"></i>demo</a>
                </li>
                <li>
                    <a href="./index1.html">退出登录</a>
                </li>
                <li>
                    <a href="./user-center.html">我的订单</a>
                </li>
                <li>
                    <a href="#">会员中心</a>
                </li>
                <li>
                    <a href="#">帮助中心</a>
                </li>
                <li>
                    <a href="#">关于我们</a>
                </li>
                <li>
                    <a href="#"><i class="phone iconfont icon-shouji"></i>手机版</a>
                </li>

            </ul>
        </div>
    </section>
    <!-- 头部模块 -->
    <header class="xtx_head">
        <!-- 版心 -->
        <div class="w clearfix">
            <!-- log模块 -->
            <h1 class="xtx_log fl">
                <a href="#">
                    <img src="http://erabbit.itheima.net/img/logo.0940ebb5.png" alt="">
                </a>
            </h1>
            <!-- 分类导航 -->
            <div class="xtx_mainNav fl">
                <ul class="clearfix father_ul">
                    <li class="father_li">
                        <a href="#" class="home">首页</a>
                        <div class="xtx_home_layer"></div>
                    </li>
                    <li class="father_li">
                        <a href="#">居家</a>
                        <div class="xtx_mainNav_layer">
                            <ul>
                                <li>
                                    <a href="#">
                                        <img src="https://yanxuan.nosdn.127.net/3102b963e7a3c74b9d2ae90e4380da65.png?quality=95&imageView"
                                            alt="">
                                        <p>茶咖酒具</p>
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="https://yanxuan.nosdn.127.net/45b50d5f8afbd6fdef97314647dcb7db.png?quality=95&imageView"
                                            alt="">
                                        <p>水具杯壶</p>
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="https://yanxuan.nosdn.127.net/b42a85ef15f856081ea9f49e5f6893e2.png?quality=95&imageView"
                                            alt="">
                                        <p>宠物食品</p>
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="https://yanxuan.nosdn.127.net/e766b09029ca00680d1e651b5cdc42bd.png?quality=95&imageView"
                                            alt="">
                                        <p>宠物用品</p>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </li>
                    <li class="father_li">
                        <a href="#">美食</a>
                        <div class="xtx_mainNav_layer">
                            <ul>
                                <li>
                                    <a href="#">
                                        <img src="https://yanxuan.nosdn.127.net/79b904ccd106d3875a90d4430f2e8ad2.png?quality=95&imageView"
                                            alt="">
                                        <p>网易黑猪</p>
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="https://yanxuan.nosdn.127.net/cc361cf40d4f81c7eccefed1ad18face.png?quality=95&imageView"
                                            alt="">
                                        <p>水产海鲜</p>
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="https://yanxuan.nosdn.127.net/c11f5457dfb38e76f60100c87ecdf0cd.png?quality=95&imageView"
                                            alt="">
                                        <p>全球美食</p>
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="https://yanxuan.nosdn.127.net/fe8e9c985d538cc1c1ced011a67ffe69.png?quality=95&imageView"
                                            alt="">
                                        <p>冷冻冷藏</p>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </li>
                    <li class="father_li">
                        <a href="#">服饰</a>
                        <div class="xtx_mainNav_layer">
                            <ul>
                                <li>
                                    <a href="#">
                                        <img src="https://yanxuan.nosdn.127.net/57e4f01648100ec94c7bfee35171fdcb.png?quality=95&imageView"
                                            alt="">
                                        <p>室外拖鞋</p>
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="https://yanxuan.nosdn.127.net/3f32a302a4cb4afe7d5d89b666566e60.png?quality=95&imageView"
                                            alt="">
                                        <p>春夏潮鞋</p>
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="https://yanxuan.nosdn.127.net/b9e005aef67f1a93828847b071114296.png?quality=95&imageView"
                                            alt="">
                                        <p>飞织系列</p>
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="https://yanxuan.nosdn.127.net/cc2470afdf28b9a84639703b592da6f7.png?quality=95&imageView"
                                            alt="">
                                        <p>一脚蹬懒人系列</p>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </li>
                    <li class="father_li">
                        <a href="#">母婴</a>
                        <div class="xtx_mainNav_layer">
                            <ul>
                                <li>
                                    <a href="#">
                                        <img src="https://yanxuan.nosdn.127.net/1f0089afcec911db7202fbcdae57d5f8.png?quality=95&imageView"
                                            alt="">
                                        <p>T恤/polo/衬衫</p>
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="https://yanxuan.nosdn.127.net/bf9f0a32c2b79c6d29de7d0843888b48.png?quality=95&imageView"
                                            alt="">
                                        <p>卫衣/毛衫</p>
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="https://yanxuan.nosdn.127.net/8a4be0d65d4a2f3ba36b3af8ee8d9414.png?quality=95&imageView"
                                            alt="">
                                        <p>外套/套装</p>
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="https://yanxuan.nosdn.127.net/773677cc0922628152a9b3cbd862426f.png?quality=95&imageView"
                                            alt="">
                                        <p>连体衣/礼盒</p>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </li>
                    <li class="father_li">
                        <a href="#">个护</a>
                        <div class="xtx_mainNav_layer">
                            <ul>
                                <li>
                                    <a href="#">
                                        <img src="https://yanxuan.nosdn.127.net/718318c0d3b55d011fcb7c7c843902ce.png?quality=95&imageView"
                                            alt="">
                                        <p>家庭清洁</p>
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="https://yanxuan.nosdn.127.net/dfb6142de1bd2f59b251eb8f7c7ea2fb.png?quality=95&imageView"
                                            alt="">
                                        <p>浴室用品</p>
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="https://yanxuan.nosdn.127.net/55d927e337c1f6d394359e99ef72a621.png?quality=95&imageView"
                                            alt="">
                                        <p>餐厨清洁</p>
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="https://yanxuan.nosdn.127.net/949c5f8b077cf386ff9f1f18bec3408b.png?quality=95&imageView"
                                            alt="">
                                        <p>毛巾浴巾</p>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </li>
                    <li class="father_li">
                        <a href="#">严选</a>
                        <div class="xtx_mainNav_layer">
                            <ul>
                                <li>
                                    <a href="#">
                                        <img src="https://yanxuan.nosdn.127.net/00d79ce9acb7285b15f83c92940b557f.png?quality=95&imageView"
                                            alt="">
                                        <p>卫浴用品</p>
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="https://yanxuan.nosdn.127.net/b26d34d052d9c780d695bf4b601bfffc.png?quality=95&imageView"
                                            alt="">
                                        <p>高级珠宝</p>
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="https://yanxuan.nosdn.127.net/7daf27044470881e8839b46a262d958c.png?quality=95&imageView"
                                            alt="">
                                        <p>时尚配搭</p>
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="https://yanxuan.nosdn.127.net/c01b0f1075158c5a5eb1ff9a33347bb8.png?quality=95&imageView"
                                            alt="">
                                        <p>数码电器</p>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </li>
                    <li class="father_li">
                        <a href="#">数码</a>
                        <div class="xtx_mainNav_layer">
                            <ul>
                                <li>
                                    <a href="#">
                                        <img src="https://yanxuan.nosdn.127.net/f5797ca77cfe413e7753ec69f9bd4bb1.png?quality=95&imageView"
                                            alt="">
                                        <p>影音娱乐</p>
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="https://yanxuan.nosdn.127.net/da0ac345e98c04594b697b56ebc373a5.png?quality=95&imageView"
                                            alt="">
                                        <p>乐器</p>
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="https://yanxuan.nosdn.127.net/3f45fbcdac7e8532b6a1570e6d7fe171.png?quality=95&imageView"
                                            alt="">
                                        <p>车载用品</p>
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="https://yanxuan.nosdn.127.net/801583d2f58274b13dc6a03daed1c3c9.png?quality=95&imageView"
                                            alt="">
                                        <p>办公文具</p>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </li>
                    <li class="father_li">
                        <a href="#">运动</a>
                        <div class="xtx_mainNav_layer">
                            <ul>
                                <li>
                                    <a href="#">
                                        <img src="https://yanxuan.nosdn.127.net/2b1edfa6d05445de684b7df854895c0b.png?quality=95&imageView"
                                            alt="">
                                        <p>登机箱</p>
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="https://yanxuan.nosdn.127.net/cd44477ca9614ed81ffb58c5cacdab26.png?quality=95&imageView"
                                            alt="">
                                        <p>托运箱</p>
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="https://yanxuan.nosdn.127.net/141625f78404b8c81e431084a139b836.png?quality=95&imageView"
                                            alt="">
                                        <p>出行配件</p>
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="https://yanxuan.nosdn.127.net/c6ff77bbb7d0f39622da300f6f5f5442.png?quality=95&imageView"
                                            alt="">
                                        <p>户外运动鞋</p>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </li>
                    <li class="father_li">
                        <a href="#">杂项</a>
                        <div class="xtx_mainNav_layer">
                            <ul>
                                <li>
                                    <a href="#">
                                        <img src="https://yanxuan.nosdn.127.net/da0ac345e98c04594b697b56ebc373a5.png?quality=95&imageView"
                                            alt="">
                                        <p>乐器杂项</p>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </li>
                </ul>
            </div>
            <!-- 搜索 -->
            <div class="xtx_search fr">
                <!-- 搜索框 -->
                <div class="xtx_search_des">
                    <i class="iconfont icon-search"></i>
                    <input type="text" placeholder="搜一搜">
                </div>
                <!-- 购物车 -->
                <a href="./cart.html" class="iconfont icon-a-icon-shopcar">
                    <div class="xtx_car_layer">
                        <div class="list">
                            <!-- <div class="item">
               <a href="">
                  <img src="https://yanxuan-item.nosdn.127.net/fc266553a5b00280ab835e83a660ef14.jpg" alt="">
                  <div class="center">
                    <p class="name ">深船型两带式可外穿软弹拖鞋</p>
                    <p class="attr ">颜色:黄色 尺码:女S（35-36） </p>
                  </div>
                  <div class="right">
                    <p class="price">￥45.00</p>
                    <p class="count">x2</p>
                  </div>
             </a>
                <i class="iconfont icon-cuowu"data-niaa="niaa"></i>
            </div> -->
                        </div>
                        <div class="xtx_foot">
                            <div class="total">
                                <p class="pice">共 3 件商品</p>
                                <p class="money">￥135.00</p>
                            </div>
                            <button class="plain">去购物车结算</button>
                        </div>
                    </div>
                    <i class="em">7</i>
                </a>
            </div>
        </div>
        </div>
        <!-- 隐藏夹层 -->
        <div class="hide_father_layer">
            <!-- <div class="hide_layer">
                <ul>
                    <li>
                        <a href="#">
                            <img src="https://yanxuan.nosdn.127.net/3102b963e7a3c74b9d2ae90e4380da65.png?quality=95&imageView"
                                alt="">
                            <p>茶咖酒具</p>
                        </a>
                    </li>
            </div> -->
        </div>
    </header>
    <!-- 头部隐藏模块 -->
    <div class="xtx_father_hide">
        <!-- <div class="xtx_hide">
            <div class="w">
                <h1 class="xtx_log">
                    <a href="#">
                        <img src="http://erabbit.itheima.net/img/logo.0940ebb5.png" alt="">
                    </a>
                </h1>
                <ul class="hide_nav">
                    <li>
                        <a href="#">首页</a>
                    </li>
                </ul>
            </div>
        </div> -->
    </div>
    <!-- 左侧导航及轮播图 -->
    <nav class="xtx_sort">
        <!-- 版心 -->
        <div class="w">
            <!-- 左侧导航 -->
            <div class="left_nav">
                <ul class="nav_ul">
                    <!-- 模板 -->
                    <!-- <li class="nav_li" data-index="0">
                        <a href="#">居家</a>
                        <a href="#">茶咖酒具</a>
                        <a href="#">水具杯壶</a>
                    </li> -->
                    <!-- 模板 -->
                </ul>
                <!-- 导航分类 -->
                <div class="nav_father_layer">
                    <!-- 模版 -->
                    <!-- <div class="nav_layer">
                        <div class="layer_top">
                            <h4>分类推荐</h4>
                            <span>根据您的购买或浏览记录推荐</span>
                        </div>
                        <ul class="layer_footer">
                            <a href="#">
                                <li>
                                    <img src="https://yanxuan-item.nosdn.127.net/235326170a18f9b220a10928208336c5.png"
                                        alt="">
                                    <div class="goods_info">
                                        <h4 class="goods_name">圆润大肚流线型耐热玻璃凉水壶</h4>
                                        <p class="goods_desc one_line">1.25L容量，耐冷耐热，通透好用</p>
                                        <p class="goods_price">¥<i>79.00</i></p>
                                    </div>
                                </li>
                            </a>
                        </ul>
                    </div> -->
                    <!-- 模板 -->
                </div>
            </div>
            <!-- 轮播图 -->
            <div class="xtx_banner">
                <div class="banner_body">
                    <ul class="banner_ul">
                        <li class="banner_li">
                            <a href="#">
                                <img src="http://yjy-xiaotuxian-dev.oss-cn-beijing.aliyuncs.com/picture/2021-04-15/dfc11bb0-4af5-4e9b-9458-99f615cc685a.jpg"
                                    alt="">
                            </a>
                        </li>
                    </ul>
                    <!-- 切换按钮 -->
                    <a href="#" class="left_btn iconfont icon-chevron-left-copy"></a>
                    <a href="#" class="right_btn iconfont icon-chevron-right-copy"></a>
                    <!-- 指示器 -->
                    <div class="banner_indicator">
                        <span class="active"></span>
                        <span></span>
                        <span></span>
                        <span></span>
                        <span></span>
                    </div>
                </div>
            </div>
        </div>
    </nav>
    <div class="xtx_father_template">
        <!-- 新鲜好物模版 -->
        <!-- <div class="xtx_new_goods">
        <div class="w">
            <div class="goods_head data_head">
                <h3 class="data_title">
                    新鲜好物
                    <b class="data_desc">新鲜出炉 品质靠谱</b>
                </h3>
                <a href="#" class="xtx_more">
                    查看全部
                    <i class="xtx_more_icon iconfont icon-chevron-right-copy"></i>
                </a>
            </div>
            <ul class="goods_list data_list">
                <li>
                    <a href="" class="data_more">
                        <img src="https://yanxuan-item.nosdn.127.net/fc266553a5b00280ab835e83a660ef14.jpg"
                            class="data_img" alt="">
                        <p class="one_line data_name">智能温控细嘴流速刚刚好咖啡手冲壶电热水壶</p>
                        <p class="new_price data_name">¥389.00</p>
                    </a>
                </li>
            </ul>
        </div>
    </div> -->
        <!-- 人气推荐模板 -->
        <!-- <div class="xtx_popular">
        <div class="w">
            <div class="popular_head data_head">
                <h3 class="data_title">
                    人气推荐
                    <b class="data_desc">人气爆款 不容错过</b>
                </h3>
            </div>
            <ul class="popular_list data_list">
                <li>
                    <a href="#" class="data_more">
                        <img src="https://yjy-oss-files.oss-cn-zhangjiakou.aliyuncs.com/tuxian/popular_1.jpg"
                            class="data_img" alt="">
                        <p class="data_name">特惠推荐</p>
                        <p class="popular_price data_name">它们最实惠</p>
                    </a>
                </li>
            </ul>
        </div>
    </div> -->
        <!-- 热门品牌模板 -->
        <!-- <div class="xtx_hot">
        <div class="w">
            <div class="hot_head data_head">
                <h3 class="data_title">
                    热门品牌
                    <b class="data_desc">国际经典 品质保证</b>
                </h3>
                <div class="page">
                    <button class="prev page_done iconfont icon-chevron-left-copy" disabled></button>
                    <button class="next page_color iconfont icon-chevron-right-copy"></button>
                </div>
            </div>
            <ul class="hot_list">
                <li>
                    <a href="#">
                        <img src="http://yjy-xiaotuxian-dev.oss-cn-beijing.aliyuncs.com/picture/2021-04-22/a25d210a-cf3d-49f5-9006-5c1e7c563bb9.jpg"
                            alt="">
                    </a>
                </li>
            </ul>
        </div>
    </div> -->
        <!-- 居家模板 -->
        <!-- <div class="xtx_home_products">
        <div class="w">
            <div class="home_head data_head">
                <h3 class="data_title ">居家</h3>
                <div class="home_bar">
                    <a href="#" class="data_home_name">茶咖酒具</a>
                    <a href="#" class="data_home_name">水具杯壶</a>
                    <a href="#" class="data_home_name">宠物食品</a>
                    <a href="#" class="data_home_name">宠物用品</a>
                </div>
                <a href="#" class="xtx_more">
                    查看全部
                    <i class="xtx_more_icon iconfont icon-chevron-right-copy"></i>
                </a>
            </div>
            <div class="data_show">
                <a href="#" class="data_cover">
                    <img src="https://yjy-oss-files.oss-cn-zhangjiakou.aliyuncs.com/tuxian/home_goods_cover.jpg"
                        class="show_pic" alt="">
                    <b class="show_lable">
                        <span>居家馆</span>
                        <span>大额优惠
                            等你来拿</span>
                    </b>
                </a>
                <ul class="show_list">
                    <li class="data_myli">
                        <div class="data_item">
                            <a href="#" class="data_image">
                                <img src="https://yanxuan-item.nosdn.127.net/fc266553a5b00280ab835e83a660ef14.jpg"
                                    class="data_img" alt="">
                            </a>
                            <p class="show_name two_line">智能温控细嘴流速刚刚好咖啡手冲壶电热水壶</p>
                            <p class="show_desc one_line">智能温控出水流畅，容易操控</p>
                            <p class="show_price">¥389.00</p>
                            <div class="list_layer">
                                <a href="#">
                                    <span class="data_find">找相似</span>
                                    <span class="data_find">发现更多宝贝</span>
                                </a>
                            </div>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
    </div> -->
        <!-- 美食模板 -->
        <!-- 美食模块 -->
        <!-- <div class="xtx_home_products">
            <div class="w">
                <div class="home_head data_head">
                    <h3 class="data_title ">美食</h3>
                    <div class="home_bar">
                        <a href="#" class="data_home_name">网易黑猪</a>
                        <a href="#" class="data_home_name">水产海鲜</a>
                        <a href="#" class="data_home_name">全球美食</a>
                        <a href="#" class="data_home_name">冷冻冷藏</a>
                    </div>
                    <a href="#" class="xtx_more">
                        查看全部
                        <i class="xtx_more_icon iconfont icon-chevron-right-copy"></i>
                    </a>
                </div>
                <div class="data_show">
                    <a href="#" class="data_cover">
                        <img src="https://yanxuan-item.nosdn.127.net/01227c93e9098342be591ea57b8953c7.jpg?quality=95&thumbnail=610x610&imageView"
                            class="show_pic" alt="">
                        <b class="show_lable">
                            <span>美食馆</span>
                            <span>大额优惠
                                等你来拿</span>
                        </b>
                    </a>
                    <ul class="show_list">
                        <li class="data_myli">
                            <div class="data_item">
                                <a href="#" class="data_image">
                                    <img src="https://yanxuan-item.nosdn.127.net/17d32665d53e351aa499fb1e56796e58.jpg"
                                        class="data_img" alt="">
                                </a>
                                <p class="show_name two_line">鲜活捕捞，爽口鱿鱼须250g*1包（约15g/根）</p>
                                <p class="show_desc one_line">鲜甜海味，低脂低热量</p>
                                <p class="show_price">¥19.90</p>
                                <div class="list_layer">
                                    <a href="#">
                                        <span class="data_find">找相似</span>
                                        <span class="data_find">发现更多宝贝</span>
                                    </a>
                                </div>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
        </div> -->
        <!-- 服饰模板 -->
        <!-- 服饰模块 -->
        <!-- <div class="xtx_home_products">
        <div class="w">
            <div class="home_head data_head">
                <h3 class="data_title ">服饰</h3>
                <div class="home_bar">
                    <a href="#" class="data_home_name">室外拖鞋</a>
                    <a href="#" class="data_home_name">春夏潮鞋</a>
                    <a href="#" class="data_home_name">飞织系列</a>
                    <a href="#" class="data_home_name">一脚蹬懒人系列</a>
                </div>
                <a href="#" class="xtx_more">
                    查看全部
                    <i class="xtx_more_icon iconfont icon-chevron-right-copy"></i>
                </a>
            </div>
            <div class="data_show">
                <a href="#" class="data_cover">
                    <img src="https://yanxuan-item.nosdn.127.net/d0176b163973961ed01818d04ee94a06.png?quality=95&thumbnail=610x610&imageView"
                        class="show_pic" alt="">
                    <b class="show_lable">
                        <span>服饰馆</span>
                        <span>大额优惠
                            等你来拿</span>
                    </b>
                </a>
                <ul class="show_list">
                    <li class="data_myli">
                        <div class="data_item">
                            <a href="#" class="data_image">
                                <img src="https://yanxuan-item.nosdn.127.net/43261ae2406e3d620deb42e32c7a54ed.png"
                                    class="data_img" alt="">
                            </a>
                            <p class="show_name two_line">男式头层牛皮软底豆豆鞋</p>
                            <p class="show_desc one_line">舒适生活，悦享品质</p>
                            <p class="show_price">¥248.00</p>
                            <div class="list_layer">
                                <a href="#">
                                    <span class="data_find">找相似</span>
                                    <span class="data_find">发现更多宝贝</span>
                                </a>
                            </div>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
    </div> -->
        <!-- 母婴模块 -->
        <!-- <div class="xtx_home_products">
            <div class="w">
                <div class="home_head data_head">
                    <h3 class="data_title ">母婴</h3>
                    <div class="home_bar">
                        <a href="#" class="data_home_name">T恤/polo/衬衫</a>
                        <a href="#" class="data_home_name">卫衣/毛衫</a>
                        <a href="#" class="data_home_name">外套/套装</a>
                        <a href="#" class="data_home_name">连体衣/礼盒</a>
                    </div>
                    <a href="#" class="xtx_more">
                        查看全部
                        <i class="xtx_more_icon iconfont icon-chevron-right-copy"></i>
                    </a>
                </div>
                <div class="data_show">
                    <a href="#" class="data_cover">
                        <img src="https://yjy-oss-files.oss-cn-zhangjiakou.aliyuncs.com/tuxian/kitchen_goods_cover.jpg"
                            class="show_pic" alt="">
                        <b class="show_lable">
                            <span>美食馆</span>
                            <span>大额优惠
                                等你来拿</span>
                        </b>
                    </a>
                    <ul class="show_list">
                        <li class="data_myli">
                            <div class="data_item">
                                <a href="#" class="data_image">
                                    <img src="https://yanxuan-item.nosdn.127.net/3cb61b3fd4761555e56c4a5f19d1b4b1.png"
                                        class="data_img" alt="">
                                </a>
                                <p class="show_name two_line">“柿柿”如意，新年夹棉连体衣/棉服0-5岁</p>
                                <p class="show_desc one_line">三层锁温舒适，仿丝绵加倍保暖</p>
                                <p class="show_price">¥159.00</p>
                                <div class="list_layer">
                                    <a href="#">
                                        <span class="data_find">找相似</span>
                                        <span class="data_find">发现更多宝贝</span>
                                    </a>
                                </div>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
        </div> -->
        <!-- 专题模板 -->
        <!-- 最新专题 -->
        <!-- <div class="xtx_special_topic">
        <div class="w">
            <div class="goods_head data_head">
                <h3 class="data_title">
                    最新专题
                </h3>
                <a href="#" class="xtx_more">
                    查看全部
                    <i class="xtx_more_icon iconfont icon-chevron-right-copy"></i>
                </a>
            </div>
            <ul class="topic_list">
                <li class="list_item">
                    <a href="#">
                        <img src="https://yanxuan-item.nosdn.127.net/3d22e25419075b4734d35c4bcbe58a0d.jpg" alt="">
                        <div class="list_desc">
                            <p class="list_title">
                                <span class="title_name one_line">儿童3D/平面口罩 30枚</span>
                                <span class="title_desc one_line">说是儿童口罩但很大，不适合低龄儿童使用</span>
                            </p> 
                            <span class="list_price">¥49起</span>
                        </div>
                    </a>
                    <div class="list_footer clearfix">
                        <span class="list_like fl">
                            <i class="iconfont icon-aixin"></i>
                            9678
                        </span>
                        <span class="list_like fl">
                            <i class="iconfont icon-yanjing"></i>
                            9674
                        </span>
                        <span class="list_comment fr">
                            <i class="iconfont icon-pingjia"></i>
                            9674
                        </span>
                    </div>
                </li>
            </ul>
        </div>
    </div> -->
    </div>
    <!-- 底部模块 -->
    <footer class="xtx_footer">
        <div class="xtx_contact">
            <!-- 联系模块 -->
            <div class="w">
                <dl class="clearfix">
                    <dt>客户服务</dt>
                    <dd class="contact_dd fl"><i class="iconfont icon-message-point
                "></i> 在线客服</dd>
                    <dd class="contact_dd fl">
                        <i class="iconfont icon-question-mark-ring">
                        </i>
                        问题反馈
                    </dd>
                </dl>
                <dl class="clearfix">
                    <dt>关于我们</dt>
                    <dd class="contact_dd fl"><i class="iconfont icon-a-wechatline
                "></i> 公众号</dd>
                    <dd class="contact_dd fl">
                        <i class="iconfont icon-xinlangweibo
                        ">
                        </i>
                        微博
                    </dd>
                </dl>
                <dl class="clearfix">
                    <dt>下载APP</dt>
                    <dd class="vxcode fl">
                        <img src="	http://erabbit.itheima.net/img/qrcode.5372a064.jpg" alt="">
                    </dd>
                    <dd class="app_download">
                        <span>扫描二维码</span>
                        <span>立马下载APP</span>
                        <a href="#">下载页面</a>
                    </dd>
                </dl>
                <dl>
                    <dt>服务热线</dt>
                    <dd class="service_phone">
                        400-0000-000
                        <b>周一至周日 8:00-18:00</b>
                    </dd>
                </dl>
            </div>
        </div>
        <!-- 底部其他 -->
        <div class="final_services">
            <div class="w">
                <!-- 口号 -->
                <div class="xtx_slogan">
                    <a href="#">
                        <i class="iconfont icon-dakaidexiangzi"></i>
                        价格亲民
                    </a>
                    <a href="#">
                        <i class="iconfont icon-dianzan"></i>
                        物流快捷
                    </a>
                    <a href="#">
                        <i class="iconfont icon-wuliu"></i>
                        品质新鲜
                    </a>
                </div>
                <!-- 版权 -->
                <div class="xtx_copyright">
                    <p>
                        <a href="#" class="xtx_help">关于我们</a>
                        <a href="#" class="xtx_help">帮助中心</a>
                        <a href="#" class="xtx_help">售后服务</a>
                        <a href="#" class="xtx_help">配送与验收</a>
                        <a href="#" class="xtx_help">商务合作</a>
                        <a href="#" class="xtx_help">搜索推荐</a>
                        <a href="#" class="xtx_help">友情链接</a>
                    </p>
                    <p>CopyRight © 小兔鲜儿</p>
                </div>
            </div>
        </div>
    </footer>
    <!-- 引入js文件 -->
    <script src="./js/homepage.js"></script>
    <script src="./js/demo.js"></script>
</body>

</html>